www.gusucode.com > 集团企业网站模板 html5生态企业类网站源码源码程序 > 集团企业网站模板 html5生态企业类网站源码源码程序/www1/style/js/index.js

    $.fn.imgscroll = function(o){
    var defaults = {
        speed: 40,
        amount: 0,
        width: 1,
        dir: "left"
    };
    o = $.extend(defaults, o);
    
    return this.each(function(){
        var _li = $("li", this);
        _li.parent().parent().css({overflow: "hidden", position: "relative"}); //div
        _li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); //ul
        _li.css({position: "relative", overflow: "hidden"}); //li
        if(o.dir == "left") _li.css({float: "left"});
        
        //初始大小
        var _li_size = 0;
        for(var i=0; i<_li.size(); i++)
            _li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true);
        
        //循环所需要的元素
        if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"});
        _li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());
        _li = $("li", this);

        //滚动
        var _li_scroll = 0;
        function goto(){
            _li_scroll += o.width;
            if(_li_scroll > _li_size)
            {
                _li_scroll = 0;
                _li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll });
                _li_scroll += o.width;
            }
                _li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount);
        }
        
        //开始
        var move = setInterval(function(){ goto(); }, o.speed);
        _li.parent().hover(function(){
            clearInterval(move);
        },function(){
            clearInterval(move);
            move = setInterval(function(){ goto(); }, o.speed);
        });
    });
};
$(function(){

    $('.demo4').Tabs({
        auto:9000
    });
     $(".tab_box div").imgscroll({
        speed: 40,    //图片滚动速度
        amount: 0,    //图片滚动过渡时间
        width: 1,     //图片滚动步数
        dir: "left"   // "left" 或 "up" 向左或向上滚动
    });   

    $(".af2").slide({
		affect:4,
		time:5000,
		speed:500,
	});
	 $(".af3").slide({
		affect:2,
		time:5000,
		speed:500,
	});

     $("[rel='dropmenu1'],.child1").mouseover(function(){
        $(".child1").show();
     }).mouseout(function(){
        $(".child1").hide();
     })
     $("[rel='dropmenu2'],.child2").mouseover(function(){
        $(".child2").show();
     }).mouseout(function(){
        $(".child2").hide();
     })
     $("[rel='dropmenu3'],.child3").mouseover(function(){
        $(".child3").show();
     }).mouseout(function(){
        $(".child3").hide();
     })
     $("[rel='dropmenu4'],.child4").mouseover(function(){
        $(".child4").show();
     }).mouseout(function(){
        $(".child4").hide();
     })
     $("[rel='dropmenu5'],.child5").mouseover(function(){
        $(".child5").show();
     }).mouseout(function(){
        $(".child5").hide();
     })
     $("[rel='dropmenu6'],.child6").mouseover(function(){
        $(".child6").show();
     }).mouseout(function(){
        $(".child6").hide();
     })
     $("[rel='dropmenu7'],.child7").mouseover(function(){
        $(".child7").show();
     }).mouseout(function(){
        $(".child7").hide();
     })
     $("[rel='dropmenu8'],.child8").mouseover(function(){
        $(".child8").show();
     }).mouseout(function(){
        $(".child8").hide();
     })

})